<template>
	<div class="container">
    <div class="jx-container">
      <div class="jx-table">
        <!-- <div class="title">
          <div class="add-new">
            <el-button class="jx-btn" type="primary" @click="addRow">新增店铺类型</el-button>
          </div>
        </div> -->
      </div>
      <div class="market-content">
        <div class="item-con">
          <img src="/static/img/u5291.png"/>
          <div class="item-detail">
            <div class="title">
              <span>云途云客服</span>
              <div class="add-new">
                <el-button class="jx-btn" type="text" size="small" @click="addRow">53客服</el-button>
              </div>
            </div>
            <div class="text">
              为商家提供客户管理服务，可以通过客服在线与用户
              沟通，节约沟通成本；
              客服采用先进的架构，可以承受大批量，高并发的
              客户咨询服务；
            </div>
            <div class="red">*必选</div>
            <div class="management">
              <span class="tag">100元/月</span>
              <span class="tag">1000元/年</span>
              <div class="add-new">
                <el-button class="jx-btn" type="text" size="small" @click="addRow">管理</el-button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		mounted(){
      let _self = this
      _self.getList()
    },
		methods: {
      getList(){},
      addRow(){},
    }
	}

</script>
<style scoped lang="sass">
  .market-content
    display: flex
    flex-wrap: wrap
    padding: 0 15px
    justify-content: space-between
    .item-con
      width: 500px
      display: flex
      flex-wrap: nowrap
      justify-content: space-between
      padding: 15px
      border: 1px solid #e4e4e4
      border-radius: 3px
      margin-right: 20px
      margin-bottom: 20px
      img
        width: 70px
        height: 70px
        border-radius: 50%
        margin-right: 20px
      .item-detail
        color: #ccc
        font-size: 15px
        width: 410px
        .title
          color: #333
          font-size: 17px
          margin-bottom: 10px
        .add-new
          &::after
            content: ''
            display: block
            clear: both
          float: right
          .el-button--text
            font-size: 15px
        .red
          margin: 10px 0
        .management
          margin-top: 20px
          .tag
            color: #333
            padding: 8px 15px
            border: 1px solid #e4e4e4
            border-radius: 3px
            margin-right: 10px
            font-size: 14px
</style>
